@charset "utf-8";
/**自定义滚动条样式 */
::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

::-webkit-scrollbar-track {
    background-color: transparent;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
}

::-webkit-scrollbar-thumb {
    background-color: #9c9da0;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em
}
::-webkit-scrollbar-thumb:hover {
    background-color: #666;
}
::-webkit-input-placeholder {
  color: #c0c4cc;
}

html,body {height: 100%;min-width:800px;}
.flow-design-hd {height:46px;border-bottom:1px solid #e8e8e8;box-shadow:0 1px 8px rgba(0,0,0,.1);padding:0 20px;display: flex;align-items:center;justify-content:space-between;color:#5E6D82;}
.flow-design-bd {display:flex;height:calc(100vh - 47px);}
.flow-design-left {flex:1;}
.flow-design-right {flex-shrink:0;width:300px;border-left:1px solid #d8d8d8;}

/*skin*/
.layui-input, .layui-select, .layui-textarea {border-color:#DCDFE6!important;border-radius:4px;}
.layui-input:focus, .layui-textarea:focus {border-color:#1E9FFF!important;}
.layui-form-onswitch {border-color:#1e9fff;background-color:#1e9fff;}
.layui-form-radio:hover *, .layui-form-radioed, .layui-form-radioed>i {color:#1e9fff;}
.layui-form-checked[lay-skin=primary] i {border-color:#1e9fff!important;background-color:#1e9fff;}
.layui-form-checkbox[lay-skin=primary]:hover i {border-color:#1e9fff;}
.layui-form-select dl dd.layui-this {background-color:#1e9fff;}

/*无数据空结构*/
.empty {text-align:center;padding:30px 0;position: relative;}
.empty:before {content:"";background:url(../images/empty.svg) no-repeat center center;width:100px;height:100px;display:inline-block;}
.empty p {color:#999;}
.empty a {color:#01AAED;}
.empty a:hover {text-decoration:underline;}

/*flow tools*/
.flow-design-tools {background: #F4F6FC;padding:5px 20px;display: flex;flex-wrap:wrap;margin-bottom: 10px;}
.flow-design-tools .item {height: 30px;line-height: 30px;font-size:12px;cursor: move;padding:0 5px;border-radius:3px;transition:background .3s ease;margin-right: 10px;}
.flow-design-tools .item i {font-size:14px;margin-right: 5px;}
.flow-design-tools .item:hover {background: #DEE8F7;color:#3F80AE;}
.flow-design-tools .line:after {content:"";display:block;height:20px;border-right:1px solid #bbb;margin: 5px 10px 0 0;}
.flow-design-tools .del {font-size:17px;line-height: 30px;padding:0 5px;transition:background .3s ease;}
.flow-design-tools .del:hover {background: #DEE8F7;color:#3F80AE;}
.flow-design-tools .theGrey{background:#ccc!important;}

/*flow main*/
#flow-main {position:relative;height:calc(100% - 50px);}
.flow-node,.flow-design-tools .ui-draggable-dragging {background:#F7F9FE;border:1px solid #E1E3E5;height:32px;line-height: 32px;padding:0 40px 0 16px;border-radius:3px;cursor: move;font-size:14px;white-space: nowrap;width:160px;box-sizing: border-box;}
.flow-node .name {display: inline-block;width:84px;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;vertical-align: bottom;}
.flow-node i,.flow-design-tools .ui-draggable-dragging i {margin-right: 10px;color:#929292;}
.flow-node.active {background: #f0f7ff;border-color:#1E9FFF;}
.flow-node .del {position: absolute;right:10px;top:0;color:#ff9494;cursor: default;}
.flow-node:hover {border-color:#1E9FFF;}

/*右侧栏tab*/
.fdr-top-tab {margin:0;}
.fdr-top-tab > .layui-tab-title {box-sizing:border-box;height:45px;}
.fdr-top-tab > .layui-tab-title li {width:50%;box-sizing: border-box;line-height:45px;}
.fdr-top-tab > .layui-tab-title .layui-this {color:#1E9FFF;}
.fdr-top-tab > .layui-tab-more li.layui-this:after,
.fdr-top-tab > .layui-tab-title .layui-this:after {
    border-bottom-color:#1E9FFF;
}
.fdr-top-tab > .layui-tab-title .layui-this:after {height:45px;}
.fdr-top-tab > .layui-tab-content {height:calc(100vh - 92px);overflow-y:auto;box-sizing:border-box;padding:15px;}

/*右侧栏表单行布局样式*/
.jsplumb-connected-warm {background: #FFF7E6;padding:8px;line-height: 1.75;color:#555;text-align:center;}
.fdr-title {font-weight: 700;padding:10px 0;}
.fdr-item {display: flex;justify-content: space-between;align-items: center;margin-bottom: 15px;}
.fdr-item h6 {font-size:14px;font-weight: 500;}
.fdr-item .layui-form-switch {margin-top: 0;min-width:40px;}
.fdr-tips {display: inline-block;background:#acb7c0;color:#fff;border-radius:100%;width:14px;height: 14px;font-size: 12px;font-style: normal;text-align: center;font-family: arial;vertical-align: text-top;margin:0 5px;cursor:default;}
.fdr-member-list {height:80px;border:1px solid #d8d8d8;flex:1;cursor: pointer;transition:.3s ease;overflow-y:auto;}
.fdr-member-list:hover {border-color:rgba(30,159,255,.5);}
.fdr-member-list .empty-text {display: block;text-align:center;line-height:80px;color:#999;}
.fdr-member-list ul li {display: inline-block;height: 30px;line-height: 30px;margin:5px 0 0 5px;padding:0 10px;background: #F3F6FC;font-size:14px;white-space: nowrap;border-radius:3px;transition:all .3s;}
.fdr-member-list ul li .name {margin:0 5px;}
.fdr-member-list ul li i {color:#888;}
.fdr-member-list ul li .del {display: none;}

/*右侧栏属性设置内tab风格*/
.layui-tab-radio .layui-tab-title {display: flex;height: 36px;border:none;border-radius:4px;overflow:hidden;}
.layui-tab-radio .layui-tab-title li {flex:1;line-height: 36px;}
.layui-tab-radio .layui-tab-title .layui-this {background-color:#1e9fff;color:#fff;}
.layui-tab-radio .layui-tab-title li:after {content:"";position: absolute;border: 1px solid #dcdfe6;height: 100%;width: 100%;left: 0;top: 0;box-sizing: border-box;transition:.2s;}
.layui-tab-radio .layui-tab-title .layui-this:after {border-color:#1e9fff;}
.layui-tab-radio .layui-tab-title li:first-child:after {border-radius:4px 0 0 4px;}
.layui-tab-radio .layui-tab-title li:last-child:after {border-radius:0 4px 4px 0;}

/*流程组件连接点*/
._jsPlumb_endpoint {cursor: crosshair;}

/*部门成员列表弹层*/
#member-select {padding:20px 20px 0;position: relative;}
.member-s-selected-list {height: 80px;overflow-y:auto;border:1px solid #d8d8d8;margin-bottom: 10px;padding-bottom: 5px;}
.member-s-selected-list li {display: inline-block;height: 30px;line-height: 30px;margin:5px 0 0 5px;padding:0 10px;background: #F3F6FC;font-size:14px;white-space: nowrap;border-radius:3px;transition:all .3s;}
.member-s-selected-list li:hover {background-color:#e7ebf2;}
.member-s-selected-list li .name {margin:0 5px;}
.member-s-selected-list li i {color:#888;}
.member-s-selected-list li .del {color:#ff9494;vertical-align: middle;}
.member-s-hd {display: flex;justify-content: space-between;border-bottom:1px solid #e8e8e8;margin-bottom: 10px;position: relative;}
.member-s-hd .tab-title {display: flex;}
.member-s-hd .tab-title li {height:38px;line-height: 38px;margin-right: 20px;cursor:pointer;position: relative;padding:0 3px;}
.member-s-hd .tab-title li.current {color:#1e9fff;}
.member-s-hd .tab-title li.current:after {content:"";position: absolute;width:100%;left:0;bottom:-1px;height:3px;background:#1e9fff;}
.member-s-hd .search {position: relative;width:100px;}
.member-s-hd .search input {width:100%;border-radius:50px;background:#f4f4f4;border:none;height:30px;padding:0 8px 0 30px;box-sizing: border-box;}
.member-s-hd .search input::-webkit-input-placeholder {color:#999;}
.member-s-hd .search i.fa-search {position: absolute;color:#888;left:10px;top:8px;}
.member-s-hd .search i.clear {position: absolute;color:#888;right:10px;top:0;line-height: 30px;padding:0 3px;}
.member-s-hd .search.full {position: absolute;width:100%;}
.member-s-hd .search.full input {width:100%;padding-right: 30px;}
.member-s-bd {height: 320px;overflow-y:auto;}
.member-s-bd .role-list li:hover {background: #f5f5f5;}
.member-s-bd .role-list li .layui-form-checkbox {display: block;padding:8px 0 8px 5px;}
.member-s-bd .role-list li i {right:5px;left:auto;top:8px;}
.member-s-bd .dynamic {display: flex;justify-content: space-between;height: 320px;}
.member-s-bd .dynamic .col-l {width:130px;border-right:1px solid #e8e8e8;}
.member-s-bd .dynamic .col-l li {cursor: pointer;padding:8px 0 8px 5px;}
.member-s-bd .dynamic .col-l li.current {background:#f5f5f5;}
.member-s-bd .dynamic-list li:hover {background: #f5f5f5;}
.member-s-bd .dynamic-list li .layui-form-checkbox {display: block;padding:8px 0 8px 5px;}
.member-s-bd .dynamic-list li i {right:5px;left:auto;top:8px;}
.member-s-bd .dynamic .col-r {flex:1;}
.member-s-bd .dynamic .col-r-item {display: flex;}
.member-s-bd .dynamic .col-r .col-r-l {width:200px;border-right:1px solid #e8e8e8;}
.member-s-bd .dynamic .col-r .col-r-l li {cursor: pointer;padding:8px 0 8px 5px;}
.member-s-bd .dynamic .col-r .col-r-l li.current {background: #f5f5f5;}
.member-s-bd .dynamic .col-r .col-r-r {flex:1;}
.member-s-bd .dynamic .col-r .col-r-r p {color:#999;font-size:12px;padding:10px 0 10px 5px;}
.member-s-search-result {position: absolute;width:100%;height: 336px;overflow-y: auto;top:150px;left:0;background: #fff;padding:20px 20px 0 20px;box-sizing: border-box;z-index: 10;display: none;}
.member-s-search-result .role-list li:hover {background: #f5f5f5;}
.member-s-search-result .role-list li .layui-form-checkbox {display: block;padding:8px 0 8px 5px;}
.member-s-search-result .role-list li i {right:5px;left:auto;top:8px;}